草庐IT

Bootstrap4 表单

全部标签

javascript - 刷新 Bootstrap 表

问题是我无法在完成注册后让表(bootstrap-table)更新数据。我正在尝试通过JS来完成,但没有成功。我尝试了以下方法:JS$.post($form.attr('action'),$form.serialize(),function(result){if(result.status=="true"){$(location).attr('href',result.acao.url);}else{$('#cargo').formValidation('resetForm',true)$('#cadastroCargo').modal('hide')//ATTEMPTREFRESHB

javascript - Bootstrap 获取 div 列的宽度(以像素为单位)

我正在使用Bootstrap设置一个页面。我的布局工作得很好,但其中一个元素是美国的可缩放map(使用d3)。我使用的缩放功能需要div的宽度和高度(以像素为单位),以便计算如何平移和缩放map。我试过使用百分比,但我什么也做不了。有什么方法可以动态获取div的高度和宽度。我搜索了所有内容,但搜索词太笼统(或者我不够聪明,无法正确表达)。或者,我还可以通过其他方式获得必要的值。这是我使用硬编码宽度和高度的实现(如果页面调整大小,这将不起作用)。//makethemapelementvarwidth=1000;varheight=1000;varsvg=d3.select("#Map")

javascript - 无法关闭 ng-bootstrap 模式

所以我有一个NgbModal,里面有一个表单,我想要实现的是在成功提交时关闭它。这是我的模态组件:@Component({selector:'create-update-transaction',templateUrl:'./CreateOrUpdateTransaction.html',providers:[AccountTransactionsService]})exportclassCreateOrUpdateTransactionComponent{closeResult:string;modalRef:NgbModalRef;@Input()transaction:Trans

javascript - Angular : How to make an element that will close UI bootstrap dropdown on click

我正在使用AngularUI使用bootstrap,我正在使用uib-dropdown。我已将自动关闭设置为外部点击,但我还想在下拉列表中创建一个按钮来关闭它。我尝试将uib-dropdown-toggle添加到其中一个元素,但这完全破坏了下拉菜单(它根本打不开)。如何创建关闭下拉菜单的元素?相关代码:X...... 最佳答案 只需使用is-open属性和Angular变量来控制下拉菜单的“开放性”。然后您可以通过编程方式将此变量值设置为false以关闭下拉列表。这是您的代码中的示例:X......

javascript - Jquery——一键提交所有表单

HTML:...Continuej查询:$(document).ready(function(){$("#allsubmit").click(function(){$('.allforms').submit();});});我的html代码中有3个表单,如上所示。我的按钮不在我的表格中。如何为我的所有表单设置一个提交按钮。我尝试了点击功能,但它不起作用。为什么? 最佳答案 表单提交是一个同步操作,因此当您提交一个表单然后立即在您的页面中提交另一个表单时,第一个表单的提交将被取消。您可以做的是确保表单是异步提交的(使用ajax):$(

javascript - reCAPTCHA Invisible - 重新提交表单问题

在使用reCaptcha时,我遇到了一个问题。在代码中,使用AJAX提交表单。在提交之前,我需要检查字段是否已填写。如果未填写字段,则不应提交。在这种情况下,如果未填写文本字段,它将发出警报。问题是在拒绝无效帖子后,提交按钮停止工作大约2或3分钟,reCaptcha没有给出错误。一段时间后,reCaptcha再次开始工作并提交按钮工作。/textarea>SENDJavascripts:functionsendData(){console.log('senddata-');//-->works//senddatas:$("#contact-form").submit();};$('#c

javascript - Formik 和 yup 表单验证无法按预期使用 Virtualized Select

为了进行表单验证,我使用formik创建了一个表单。我已经使用了组件Formik、Form、Fieldformformik并配置了它们:import{Formik,Form,Field}from"formik";import{object,string}from"yup";importisEmptyfrom"lodash/isEmpty";importFormikSelectInputfrom"../common/FormikSelectInput";classAppextendsComponent{render(){constoptions=this.props.categories

javascript - jqtransform 表单选择器(onchange)问题!

我正在使用Jqtransform脚本设计表单样式。该表单包括一个选择器,其中包含一些城市,当我单击一个时,它应该使用该城市内的某些位置更新其下方的选择器。这里是选择器的代码它在默认样式下工作正常,但在应用JQ后,它失去了它的功能我之前在这里问过一个问题LINK我像Dormilich那样写了:$(function(){$("form.jqtransform").jqTransform();$("#city").change(populateDestrict(this));});但是没有用!如果有帮助,这里还有函数的代码functionpopulateDestrict(obj){varci

javascript - jQuery 拦截表单提交到参数字符串

我有一个表格。此表单通过POST提交到iframe,然后处理请求,并根据结果执行javascript,根据提交的有效性更改父内容。现在,我不喜欢这个程序。我希望能够同时提交多个表单,但我只有这个隐藏的iframe。所以我想用AJAX来实现,为每个表单提交创建一个单独的请求。但是,我的表单很复杂;它由向数组添加变量的复选框、被点击的图像和我需要发送其点击坐标的复选框以及类似的复杂内容组成——这就是为什么我不计算每个输入的每个值并将其添加到后置参数字符串(顺便说一句:我不知道如何以这种方式创建数组),我更愿意截取提交内容,将其保存为包含所有这些参数的帖子字符串,然后将此字符串用于AJAXP

javascript - 序列化表单的子集

我有一个嵌入另一个表单的表单:我只需要序列化嵌入的表单。$('#embedded').serialize()结果为空字符串。 最佳答案 您没有嵌入另一种形式,您嵌入的是div.serialize()方法只能在form上调用元素,或form元素本身。varserialized=$('#embedded').find(':input').serialize();The.serialize()methodcanactonajQueryobjectthathasselectedindividualformelements,suchas,,a